.cloud-home {
    position: relative;
    width: 100vw;
    height: 100vh;

    .cloud-title {
        width: 100%;
        height: 20%;

    }


    .cloud-item {
        position: relative;
        top: 30%;
        background-color: #f0f8ff8c;
        display: flex;


        .ant-btn {
            margin: 5vw;
            width: 9.9vw;
            height: 10vw;
            border-radius: 1.5vw;
            background-color: white;
            border: 1px solid white;
            box-shadow: 6px 7px 16px 0px #ececec;

            font-size: 1.5vw;
        }
    }

}

.c-header {
    display: flex;
    justify-content: center;

    .c-header-item {
        margin: 2vw;


        .c-header-item-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            border: none;
            box-shadow: 0vw 0vw 3vw rgb(236, 236, 236);
            font-size: 1.1vw;

            &:hover {
                margin-top: 0.25vw;
                background-color: #99ccff;
                color: white;
            }
        }

    }
}